<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 
jQuery UI 사용하기 위한 javascript파일/ css파일 import
javascript 파일 : jquery 코어, jquery ui
css 파일 : jquery ui
 -->
 <!--  css --> 
 <link type = "text/css" href = "/jQuery_class_stu/jquery-ui.min.css" rel="stylesheet">
 <!-- script 파일 -->
 <script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
 <script type="text/javascript" src="/jQuery_class_stu/jquery-ui.min.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
	//$("#startDate").datepicker();
 	//jQuery UI 함수 - option 지정 datepicker({옵션명:값, 옵션명:값})
	$("#startDate").datepicker({
	dateFormat:"yy-mm-dd",
 	changeYear:true,
 	changeMonth:true,
 	maxDate:"1 + 1y + 1m",
 	showButtonPannel:true
	});
 	});
 </script>
</head>
<body>
<form action="res.jsp">
	시작일시 <input type="text" name="startDate" id="startDate" class="cls"><br>
	종료일시 <input type="text" name="endDate" id="endDate" class="cls">
	<p>
	<input type="submit" value="전송">
</form>
</body>
</html>







































